<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>权限管理</title>
    <!-- 导入字体图样式 -->
    <link rel="stylesheet" href="../../Public/iconfont/iconfont.css">
    <!-- 导入公共css样式 -->
    <link rel="stylesheet" href="../../Public/css/common.css">
    <!-- 导入头部导航的JS样式 -->
    <script src="../../Public/js/utils.js"></script>
    <!-- 导入JQuery库js样式 -->
    <script src="../../Public/js/jQuery.mini.js"></script>
    <!-- 导入文档的CSS样式 -->
    <link rel="stylesheet" href="../css/authorityManagement.css">
    <!-- 导入文档的JS样式 -->
    <!-- <script src="../js/myDocument.js"></script> -->
    <!-- 头部导航 -->
    <script>
        window.onload = function() {      
            utils.addHeader(1, '权限管理', ``, 1);      
            // utils.addFooter(1);   
        };
        // 点击 设置按钮 跳转到 权限设置
        $(function() {
            $('.icon-setting').click(function() {
                window.location.assign('setPermissions.html');
            })
            $('.btn').click(function() {
                $('.upload').slideDown(100);
                $('.mask').fadeTo(100, 0.2)
            });
            $('.cancel').click(function() {
                $('.upload').slideUp(100);
                $('.mask').fadeTo(100, 0)
            });
            // 上传文件
            $('.upload .cell').click(function() {
                window.location.assign('#.html');
            })
        })
    </script>
</head>

<body>

    <!-- 员工档案卡片--start -->
    <div class="card flex aic">
        <div class="icon iconfont icon-Word ml-10"></div>
        <div class="infomation flex fdc jcsa">
            <span class="name f16">吴珊珊员工档案</span>
            <span class="build mt-5 f12">晁文琦创建</span>
        </div>
    </div>
    <!-- 员工档案卡片--start -->
    <!-- 员工资料--start -->
    <div class="box1">
        <!-- 卡片 1--start -->
        <div class="cell flex  aic mt-10">
            <span class="icon">
                <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/组件_规范/__80px_u1056.png" alt=" ">
            </span>
            <div class="massage flex fdc ">
                <span class="name ">吴珊珊</span>
                <p class="tips mt-10 f12 ">
                    <span class="tip1 ">查看</span>
                    <span class="tip2 ">下载</span>
                    <span class="tip3 ">编辑</span>
                    <span class="tip4 ">删除</span>
                </p>
            </div>
            <span class="icon-setting iconfont icon-31shezhi"></span>
        </div>
        <!-- 卡片 1--end -->
        <!-- 卡片 2--start -->
        <div class="cell flex aic mt-10">
            <span class="icon">
                <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/组件_规范/__80px_u1056.png" alt=" ">
            </span>
            <div class="massage flex fdc ">
                <span class="name ">吴珊珊</span>
                <p class="tips mt-10 f12 ">
                    <span class="tip1 ">查看</span>
                    <span class="tip2 ">下载</span>
                    <span class="tip3 ">编辑</span>
                    <span class="tip4 ">删除</span>
                </p>
            </div>
            <span class="icon-setting iconfont icon-31shezhi"></span>
        </div>
        <!-- 卡片 2--end -->
        <!-- 卡片 3--start -->
        <div class="cell flex aic mt-10">
            <span class="icon">
                <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/组件_规范/__80px_u1056.png" alt=" ">
            </span>
            <div class="massage flex fdc ">
                <span class="name ">吴珊珊</span>
                <p class="tips mt-10 f12 ">
                    <span class="tip1 ">查看</span>
                    <span class="tip2 ">下载</span>
                    <span class="tip3 ">编辑</span>
                    <span class="tip4 ">删除</span>
                </p>
            </div>
            <span class="icon-setting iconfont icon-31shezhi"></span>
        </div>
        <!-- 卡片 3--end -->
        <!-- 卡片 4--start -->
        <div class="cell flex aic mt-10">
            <span class="icon">
                <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/组件_规范/__80px_u1056.png" alt=" ">
            </span>
            <div class="massage flex fdc ">
                <span class="name ">吴珊珊</span>
                <p class="tips mt-10 f12 ">
                    <span class="tip1 ">查看</span>
                    <span class="tip2 ">下载</span>
                    <span class="tip3 ">编辑</span>
                    <span class="tip4 ">删除</span>
                </p>
            </div>
            <span class="icon-setting iconfont icon-31shezhi"></span>
        </div>
        <!-- 卡片 4--end -->
        <!-- 卡片 5--start -->
        <div class="cell flex aic mt-10">
            <span class="icon">
                <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/组件_规范/__80px_u1056.png" alt=" ">
            </span>
            <div class="massage flex fdc ">
                <span class="name ">吴珊珊</span>
                <p class="tips mt-10 f12 ">
                    <span class="tip1 ">查看</span>
                    <span class="tip2 ">下载</span>
                    <span class="tip3 ">编辑</span>
                    <span class="tip4 ">删除</span>
                </p>
            </div>
            <span class="icon-setting iconfont icon-31shezhi"></span>
        </div>
        <!-- 卡片 5--end -->
        <div class="tip f14 ">没有更多数据了~</div>
    </div>
    <!-- 员工资料--end -->
    <!-- 添加共享人--start -->
    <div class="btn ">
        <div class="btn-a mt-10 ">
            <span class="f20 ">添加共享人</span>
        </div>
    </div>
    <!-- 添加共享人--end -->
    <!-- 添加共享人 -->
    <div class="upload">
        <div class="please f12 ">
            请选择</div>
        <div class="cell ">添加部门</div>
        <div class="cell ">添加成员</div>
        <div class="cancel mt-10 ">
            <p>取消</p>
        </div>
    </div>
    <div class="mask">
    </div>
</body>

</html>